<template>
  <div class="main">
    <div class="n-pglg">
      <div class="welc">
        你可以关注明星和好友品味他们的私房歌单
        <br>
        通过他们的动态发现更多精彩音乐
      </div>
      <a href="javascript:;" class="btn">立即登录</a>
    </div>
  </div>
</template>

<script>
export default {
  name: "index"
}
</script>

<style scoped lang="less">
.main {
  width: 980px;
  min-height: 700px;
  _height: 700px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-width: 0 1px;

.n-pglg {
  width: 902px;
  height: 414px;
  margin: 0 auto 0;
  padding-top: 70px;
  background-position: 0 70px;
  background-image: url("../../assets/notlogin.jpg");
  background-repeat: no-repeat;
.welc {
  padding: 178px 0 0 535px;
  line-height: 23px;
  color: #666;
  font-size: 14px;

}
  .btn{
    display: block;
    width: 157px;
    height: 48px;
    margin: 36px 0 0 535px;
    background-position: 0 9999px;
    text-indent: -9999px;
    background-image: url("../../assets/notlogin.jpg");
    background-repeat: no-repeat;
  }
}
}
</style>